.mark_box{
    width:100% ;
    height: 100%;
    /* background-color: #fff; */
}
/* 顶部 */
.mark_top{
    width: 100%;
    height: 10%;
    /* background-color: #ab6e6e; */
    /* color: #fff;
    line-height: 50px;
    text-align: center; */
    display: flex;
    align-items: center;
   justify-content: space-between;
   position: relative;
  
}
.mark_nav{
    width:1100px;
    height: 95%;
    display: flex;
    justify-content: space-around;
    /* background-color: palegoldenrod; */
   overflow: hidden;
   /* position: relative; */
    
}
/* nav div */
.mark_nav ul{
    width:2400px;
    height: 95%;
    display: flex;
    justify-content: space-around;
    /* background-color: palegreen; */
    /* overflow: hidden; */
    position: relative;
    
}
.mark_nav ul li{
    width:140px;
    /* height: 100%; */
    border: 1px solid #c2bdbd;
    margin-left: 3px;
    border-radius: 10px;
    /* background-color: palegreen; */
    transition: scroll-left 0.3s ease;
}
.mark_nav ul li:first-child{
    margin-left: 30px;
}
.mark_nav ul li:hover{
    border:  1px solid orange;
    color: orange;
  }
  .mark_nav ul li:hover .ma_text {
    color: orange;
  }
  .mark_nav ul li:hover .ma_day {
    color: orange;
  }

.ke_text{
    color: #c2bdbd;
}
/* 箭头 */
.jian_left{
    position: absolute;
    left: 221px;
    top: 22%;
    /* transform: translateY(-50%); */
    width: 23px;
    height: 24px;
    border-radius: 10px;
    border: none;
    background-color: #ede9e9;
}
.jian_left:hover{
    border: 1px solid orange;
    color: orange;
}
.jian_right{
    position: absolute;
    right: -20px;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    width: 23px;
    height: 24px;
    /* background-color: red; */
    border-radius: 10px;
    border: none;
    background-color: #ede9e9;
}
.jian_right:hover{
    border: 1px solid orange;
    color: orange;
}

.mark_img{
    width: 100%;
    height: 90%;
    /* background-color: rgb(19, 135, 173); */
    display: flex;
    justify-content: space-around;
}
